/**单页头部除公司简介外取消大图banner**/
a, article, aside, blockquote, body, button, cite, code, dd, details, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
  word-wrap: break-word;
  word-break: normal;
}
.about-style-page{ padding-top:80px;}

/** ——  公司简介 ——  **/

.company-profile{ margin:0 auto; height:auto; width:100%;}
.darre_company_desc{width: 100%;
padding-bottom: 60px;
float:left;}
.darre_company_desc .desc {
width: 44%;
  float: left;
  padding-top: 60px;
}
.darre_company_desc .desc .pagh{
font-size: 16px;
float: left;
  color: #666;
  font-size: 16px;
  line-height: 30px;
  width:100%;
text-align:justify;
text-justify:distribute;
text-align-last:left;
border:1px solid none;
}
.darre_company_desc .desc .pagh p {


}
.darre_company_desc .desc .pagh i{
                display:inline-block;
                /*100%;*/
                padding-left:100%;
                /*padding-left: 100%和100%都可以达到效果，选用其一即可*/
            }
.darre_company_desc .desc .tit {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 40px;
}
.darre_company_desc .desc .name {
  font-size: 20px;
  line-height: 20px;
  margin-bottom:20px;
}

.darre_company_desc .company_video {
  width: 48%;
  height: 425px;
  float: right;
  margin-top: 80px;
  position: relative;}
  
.cc, .cc::after {
  clear: both;
}
.cc img{display: block;}

.darre_develop .develop_gray_bg{width: 100%;
background: url(../images/company/f3f3.jpg) repeat-x center top;
padding-top: 100px;
height: 540px;
padding-bottom: 100px;}
.container_main{width: 75%;
margin: 0 auto;
position: relative;}
.darre_develop .develop_gray_bg .pt_tit{font-size: 40px;
color: #333;
line-height: 40px;
margin-bottom: 42px;}
.darre_develop .develop_gray_bg .img-show-about{ width:100%; height:440px; margin:0; padding:0;}
.darre_develop .develop_gray_bg .img-show-about img{ display:block; width:100%; height:auto; vertical-align:middle; text-align:center;}

.develop_innovate{padding-top: 100px;
padding-bottom: 0px;
position: relative;}
.darre_develop .develop_innovate .pt_tit{font-size: 40px;
color: #000;
line-height: 40px;
margin-bottom: 60px;}
.darre_develop .develop_innovate .pt_tit p.fontsize40{font-size: 40px;line-height: 40px;
margin-bottom: 30px; color:#333;}
.darre_develop .develop_innovate .pt_tit p.fontsize20{font-size: 20px;line-height: 40px;
margin-bottom:0px;color:#333;}
.darre_develop .develop_innovate .develop_innovate_bg{width: 100%;
height: 440px;
position: relative; background:url(../images/company/data-bgm.png) no-repeat center;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap:first-child {
  left: 0;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap {
  padding: 0 5%;
  width: 33.3333%;
  float:left;
  margin-bottom:10%;
}

.darre_develop .develop_innovate .develop_innovate_bg .number_wrap.mar-bottom {
  margin-bottom:0%;
}

.darre_develop .develop_innovate .develop_innovate_bg .number_wrap:first-child + .number_wrap {
  left: 33.3333%;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_wrap_img {
  width: 20%;
  display: block;
  margin: 0 auto;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  padding-top: 0;
  margin-bottom: 10px;
  font-family:Arial, Helvetica, sans-serif;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  padding-top: 0;
  margin-bottom: 10px;
  font-family:Arial, Helvetica, sans-serif;
  display:inline;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box s {
  text-decoration: none;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number  span.counter { font-family: Arial;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .desc {
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

/** - mini平板小于960px
    2023.3.10新增
 - **/
@media screen and (orientation: portrait) and (max-width:960px) { 


.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box {
  text-align: center;
  font-size: 28px;
  line-height: 40px;
  padding-top: 0;
  margin-bottom: 10px;
  font-family:Arial, Helvetica, sans-serif;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number {
  text-align: center;
  font-size: 28px;
  line-height: 40px;
  padding-top: 0;
  margin-bottom: 10px;
  font-family:Arial, Helvetica, sans-serif;
  display:inline;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box s {
  text-decoration: none;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number  span.counter { font-family: Arial;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .desc {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 26px;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap.mar-bottom {
  margin-bottom: 5%;
}

}







/** ——  员工风采 ——  **/
.brand-item{ width:100%; height:auto; margin:0 auto; padding:60px 0 100px 0;}
.white-bg{ background:rgba(255,255,255,0.75);}
.brand-staff-item{ padding:17px 20px 0 20px;}
.pt_staff_tit p.pt_staff_h3{ font-size:40px;}
.pt_staff_tit p.pt_staff_p{ font-size:20px;}
.type-box {
  margin-top: 40px;
}
.type-box .row{width: 100%;}
.type-box .row .item {
  box-sizing: border-box;
  padding: 20px;
  height: 271px;
  position: relative;
  overflow: hidden;
  margin-bottom:2px;
}
.type-box .row-1 .item-1 {
  width: 66.55555555%;
  background: url(../images/staff/txt-1-bg.jpg) no-repeat center;
    background-size: auto;
  background-size: cover;
  height: 271px;
  float: left;
  padding: 40px;
}
.type-box .row-1 .item-2 {
  width: 33.33333333%;
  background: url(../images/staff/txt-2-bg.jpg) no-repeat center;
    background-size: auto;
  background-size: cover;
  height: 271px;
  float: right;
  padding: 40px;
}
.type-box .row-1 .item-1 .mask-bg {
  background: rgba(0,82,217,1);
}
.type-box .row .item .mask-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  transform: translate(0, 271px);
  transform-origin: bottom;
  transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
  -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
  -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
  -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
  -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row .item .title {
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 25px;
  position: relative;
}
.type-box .row .item .label {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 25px;
  margin-right: 40px;
  position: relative;
  opacity: 0;
  transform: translate(0, 80px);
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
  -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
  -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
  -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
  -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.type-box .row{
	width: 100%;
}
.type-box .row-1 .item-1 {
  width: 66.55555555%;
  background: url(../images/staff/txt-1-bg.jpg) no-repeat center;
    background-size: auto;
  background-size: cover;
  height: 271px;
  float: left;
  padding: 40px;
}
.type-box .row-1 .item-2 {
  width: 33.33333333%;
  background: url(../images/staff/txt-2-bg.jpg) no-repeat center;
    background-size: auto;
  background-size: cover;
  height: 271px;
  float: right;
  padding: 40px;
}
.type-box .row-2 .item-3{
	width: 33.33333333%;
	background: url(../images/staff/txt-3-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
}
.type-box .row .item{
	box-sizing: border-box;

	padding: 20px;
	height: 271px;
	position: relative;
	overflow: hidden;
}
.type-box .row .item .title{
	font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 25px;
  position: relative;
}
.type-box .row .item .mask-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	top: 0;
    left: 0;
    transform: translate(0, 271px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row-1 .item-1 .mask-bg{
	background: rgba(0,82,217,1)
}
.type-box .row-1 .item-2 .mask-bg{
	background: #c04035
}
.type-box .row-2 .item-1 .mask-bg{
	background: rgba(255,103,31,1)
}
.type-box .row-2 .item-2 .mask-bg{
	background: rgba(121,192,0,1)
}
.type-box .row-2 .item-3 .mask-bg{
	background: #00A9CE
}
.type-box .row-4 .item-4 .mask-bg{
	background: rgba(255,103,31,1)
}
.type-box .row-2 .item-5 .mask-bg{
	background: #9B26B6
}
.type-box .row-3 .item-6 .mask-bg{
	background: rgba(150,140,131,1)
}
.type-box .row-3 .item-7 .mask-bg{
	background: #a46633;
}
.type-box .row-4 .item-8 .mask-bg{
    background: rgba(121,192,0,1)
}

.type-box .row .item .label{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 26px;
	margin-top: 25px;
	margin-right: 40px;
	position: relative;
	opacity: 0;
	transform: translate(0, 80px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row .item:hover{ cursor:pointer;}
.type-box .row .item:hover .mask-bg{
	transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.type-box .row .item:hover .label{
	opacity: 1;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.type-box .row-4 .item-4{
	width: 33.33333333%;
	background: url(../images/staff/txt-4-bg.jpg) no-repeat center;
	background-size: cover;
	float:left;
}
.type-box .row-2 .item-5{
	width: 66.55555555%;
	background: url(../images/staff/txt-5-bg.jpg) no-repeat center;
	background-size: cover;
	float:right;
}
.type-box .row-3 .item-6{
	width: 66.55555555%;
	background: url(../images/staff/txt-6-bg.jpg) no-repeat center;
	background-size: cover;
	float:left;
}
.type-box .row-3 .item-7{
	width: 33.33333333%;
	background: url(../images/staff/txt-7-bg.jpg) no-repeat center;
	background-size: cover;
	float:right;
}
.type-box .row-4 .item-8{
    width: 66.55555555%;
    background: url(../images/staff/txt-8-bg.jpg) no-repeat center;
    background-size: cover;
	float:right;
}







/* 投资者关系  - 股票信息样式*/  
.container_main {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.stock .content {
 background:#f9f9f9;
 padding:40px
}
.stock .content p {
 font-size:16px;
 color:#666
}
.stock .dl {
 display:table;
 width:100%;
 margin: 0.5em 0;
}
.stock .dl dd {
 display:table-cell;
 vertical-align:top;
 text-align:right
}
.stock .dl dd:first-child {
 text-align:left
}
.stock .dl dd .stockinformation-h3 {
 color:#002b75;
 font-size:16px;
 color:#333;
 margin-bottom:12px;
 font-weight:bold;
}
.stock .dl dd .mun1 {
 font-size:30px;
 color:#888;
 padding-top:20px
}
.stock .dl dd .mun .span {
 font-size:24px;
 color:red;
 padding-left:24px;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAlElEQVQoke2RMQ6CQBBFH0YaO0/hPShsuAiJiYex4SRU4kXouAAlDSbfZtZsYHZDYekkL9nZ/f9PMluIZB2Bh53vwNtVyecseApk9Ha30Xrmi2CIzIHB3rIBV8HkmAOTadyAm2DJmAOLab8BpaDdYVzTCspC0ABVtNcaOCV+Zga6qH95SxwzU8e1/pCYtLv+AT8I+ABNH5i3Rwes5QAAAABJRU5ErkJggg==) no-repeat 0
}
.stock .dl dd .mun i{ font-size:24px; color:red; font-style:normal;}
.stock .dl dd .mun .b {
 font-size:60px;
 color:red
}
.stock .dl dd .mun.green .b,
.stock .dl dd .mun.green .span {
 color:#00774a
}
.stock .dl dd .mun.green i{color:green;}
.stock .dl dd .mun.green .span {
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZEMUZGODZGNTI0RDExRUI5QkNBODNGRTUwNDFERUFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZEMUZGODcwNTI0RDExRUI5QkNBODNGRTUwNDFERUFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkQxRkY4NkQ1MjREMTFFQjlCQ0E4M0ZFNTA0MURFQUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkQxRkY4NkU1MjREMTFFQjlCQ0E4M0ZFNTA0MURFQUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pd5eZAAAAR0lEQVR42mJkKPdiQAP/GfADRmQOEwOFYNQAKhjAQkS04Y1mqriAkcgEhDVBMeFKYcSmRiZ8yZTcpMxIrGZ8gchIrMEAAQYA8uEE6PM6JO8AAAAASUVORK5CYII=) no-repeat 0
}
.stock .h1 {
 font-size:18px;
 color:#002b75;
 font-weight:700;
 border-bottom:1px solid #eaeff3;
 padding:10px
}
.stock .h1,
.stock .stock_time,
.stock_tb .stockinformation-h2 {
 margin-top:20px
}
.stock_tb .stockinformation-h2 {
 font-size:16px;
 color:#2696c0;
 border-bottom:1px solid #eaeff3;
 padding:10px;
 font-weight:bold;
}
.stock_tb .stock_tb_img {
 padding:60px 0;
 text-align:center;
}
.stock_tb .stock_tb_img img {
 width:70%;
 height:auto; margin:0 auto; vertical-align:middle; text-align:center;
}

/**互动交流 - 投资联系方式**/
.hdjl-box{ background:#f7f7f7; height:62px;}
.zilist_main02_ul{ margin:0; padding:0; list-style:none; height:60px;}
.zilist_main02_ul li {
 float:left;
 margin-right:50px
}
.zilist_main02_ul li{ margin-top:0px;}
.zilist_main02_ul li a {
 display:block;
 padding:19px 0;
 color:#333;
}
.zilist_main02_ul li.active a {
 color:#14b0d9;
 border-bottom:3px solid #14b0d9
}
.zilist_main02_ul li.active a:hover{ text-decoration:none;}
.zilist_main02_ul li a:hover{ text-decoration:none;}
.margin_tb60 {
  margin: 20px 0;
}
.cc, img {
  display: block;
}
.cc, .cc::after {
  clear: both;
}
.cc {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  zoom: 1;
}

.hdjl_lxfs_l {
 float:right;
 width:48%
}
.hdjl_lxfs_r {
 float:right;
 width:48%
}
.hdjl_lxfs_ul li {
 padding:110px 40px 0 40px;
 background-color:#fff;
 background-color:#fff;
font-size: 24px;
color: #333;
margin-bottom: 12px;
min-height:450px;
}
.hdjl_lxfs_ul li,
.hdjl_lxfs_ul li .p1 {
 margin-bottom:10px
}
.hdjl_lxfs_ul li .p1 b {
 color:#333;
 font-size:16px;
 margin-right:20px
}
.hdjl_lxfs_ul li .p2 {
 margin-bottom:10px
}
.hdjl_lxfs_ul li .p2 span {
 padding-left:26px;
 font-size:16px;
 line-height:20px;
 color:#666;
 display:inline-block;
 margin:0 0 0 5px;
}
.hdjl_lxfs_ul li .p2 .span01 {
 background: url(../images/tzzgx/i1.png) top left no-repeat;
 background-size:20px auto;
}
.hdjl_lxfs_ul li .p2 .span02 {
 background: url(../images/tzzgx/i2.png) top left no-repeat;
 background-size:20px auto;
}
.hdjl_lxfs_ul li .p2 .span03 {
 background: url(../images/tzzgx/i2.png) top left no-repeat;
 background-size:20px auto;
}
.hdjl_lxfs_ul li .p2 .span04 {
  background: url(../images/tzzgx/i3.png) top left no-repeat;
 background-size:20px auto;
}

.bm-view {
  float: left;
  width: 48%;
  height: 450px;
}
.baidumap-layout{  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: rgb(243, 241, 236);
  color: rgb(0, 0, 0);
  text-align: left;
}



/**公司公告**/
.tzzgx_jbzl_h2 {
  font-weight: 400;
  font-size: 30px;
  color: #000;
}
.margin_tb40 {
  margin: 40px 0;
}
.tzzgx_xxpl_table {
 width:100%
}
.tzzgx_xxpl_table tr td {
 padding:20px 10px 20px 30px;
 font-size:16px;
  border-bottom:1px #fafafa solid;
}

.tzzgx_xxpl_table tr:nth-child(2n-1) td {
 border-bottom:1px #fafafa solid;
}
.tzzgx_xxpl_table tr td.thead {
 background-color:#fafafa;
}
.tzzgx_xxpl_table tr td .span01 {
 color:#666; font-size:14px;
}

.tzzgx_xxpl_table tr td .span01 a {
 color:#666; font-size:14px;
}
.tzzgx_xxpl_table tr td .span01 a:hover {
 color:#20b3db; 
}
.tzzgx_xxpl_table tr td .span02 {
 color:#333
}
.tzzgx_xxpl_table tr td a:hover{ text-decoration:none;}
.tzzgx_xxpl_table tr td .a_ljxq {
 padding-right:0;
 margin-right:0;
}
.tzzgx_xxpl_table tr td .a_ljxq,.tzzgx_xxpl_table tr td .a_xzwj {
 display:inline-block;
 vertical-align:middle;
 line-height:14px;
  color:#666; font-size:14px;
}
.tzzgx_xxpl_table tr td a.a_ljxq a:hover,.tzzgx_xxpl_table tr td a.a_xzwj a:hover{color: #20b3db;}
.tzzgx_xxpl_table tr td .a_xzwj {
 padding-right:20px;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2N0IwMjc2MzNCNDExRUJCMDFCODVBQzAyQjBBRDM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2N0IwMjc3MzNCNDExRUJCMDFCODVBQzAyQjBBRDM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzY3QjAyNzQzM0I0MTFFQkIwMUI4NUFDMDJCMEFEMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzY3QjAyNzUzM0I0MTFFQkIwMUI4NUFDMDJCMEFEMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+CFyVAAAAyUlEQVR42mL48fMXAzY8c+bM/7jkmBjIAAOg6f+/fyxv3rwxxaYIJA6Sx9D06/dvvgP79629fft2ErIGEB8ovgYkDxOD62ZnZ3/n5u7hvGvnjr3IGi5eOF8PFHcBycPEGUFBiAw+ffqkCtS45+vXr3Lc3NyPQBr4+PhuoyhaunTZPfR4ePX6jeratetOgmh0OZB6li9fPiuiexxksrePjwUofNDlQOrxBfl/XBLggPj8+bMSKfHEIikpuW/d2jV3idUgISG5HyDAAG3jlxRbUql0AAAAAElFTkSuQmCC) 100% no-repeat;
 background-size:13px auto
}


/**新公告分页**/
.pagination-notice{ width:100%; height:auto; margin:0 auto 10px auto; text-align:center;  font-size: 16px; padding-top:20px;}
.pagination-notice input[type="text"],.pagination-notice input[type="email"],.pagination-notice input[type="password"],.pagination-notice input[type="text"] {
  border: 1px solid #ccc;
  font-size: 14px;
  color: #666;
  padding: 1px 5px;
  margin-right:3px;
  width: 40px;
  box-sizing: border-box;
    caret-color: rgba(0,0,0,0.5);
}

.pagination-notice a{ text-decoration:none; color:#333;}
.pagination-notice a.btnaaa{ margin: 0 5px;}
.pagination-notice a:hover.btnaaa{ color:#20b3db;}

/**投资者关系 - 业绩说明会 **/
.img_width100 {
  width: 100%;
}
.achievement_ul li {
 float:left;
 width:31%;
 margin-right:3.5%;
 margin-bottom:30px;
 background-color:#fff;
 -webkit-box-shadow:0 0 10px #eee;
 box-shadow:0 0 10px #eee
}
.achievement_ul li .img_main {
 height:220px;
 overflow:hidden
}
.achievement_ul li:nth-child(3n) {
 margin-right:0
}
.achievement_ul li .wen_main {
 padding:30px 20px;
 height:140px;
 color:#333
}
.achievement_ul li .wen_main .p1 {
 font-size:18px;
 margin-bottom:20px
}
.achievement_ul li .wen_main .p2 {
 font-size:14px
}
.achievement_ul li .wen_main .p2 b {
 font-weight:400
}
.achievement_ul li:hover .wen_main {
 color:#fff;
 background:#2796c1;
 background:-webkit-gradient(linear,left top,right top,from(#9fd9f6),to(#2796c1));
 background:linear-gradient(90deg,#9fd9f6 0,#2796c1);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9fd9f6",endColorstr="#2796c1",GradientType=0);
 -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9fd9f6",endColorstr="#2796c1")
}
.achievement_ul li a:hover{ text-decoration:none; cursor:pointer;} 


/**投资者关系 分页代码**/
.pagination-stock{
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
  font-size: 16px;
  text-align:center;
}
.pagination-stock ul li {
  display: inline-block;
  margin: 0 2px;
    margin-right: 2px;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  text-align: center;
  border-radius: 0;
  border: 1px solid #eee;
  background: #fff;
  margin-right: 5px;
  color: #666;
  box-sizing: border-box;
  font-size: 14px;
  vertical-align: top;
}
.pagination-stock ul li button.btn{ list-style:none; border:none; background:none;}
.pagination-stock ul li button.btn.wbtn{padding:0 10px;min-width: 60px;}
.pagination-stock ul li button:hover.btn,.pagination-stock ul li button:active.btn,.pagination-stock ul li button:focus.btn{color: #fff;
background: #71bce1;
display: inline-block;
  height: 38px;
  line-height: 38px;
  min-width: 38px;}

.pagination-stock ul li button:hover.btn.wbtn,.pagination-stock ul li button:active.btn.wbtn,.pagination-stock ul li button:focus.btn.wbtn{color: #fff;
background: #71bce1;
display: inline-block;
  height: 40px;
  line-height: 40px;
  min-width:60px;}  
/**社会责任 -220902新样式**/



@media (min-width: 1024px){
.pc {
  display: block;
}
}


.fushi1680{ width:100%; max-width:1680px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.fushi1600{ width:100%; max-width:1600px; margin:0 auto;}
.bg-image {
  padding-top: 102px;
  width: 100%;
  background: url(../images/respon/response_bg_color.png) #fff no-repeat center top;
  height:100%;
  min-height:750px;
}
.bg-image.gray-bg {
  background: url(../images/respon/response_bg_gray.png) #fff no-repeat center top;
}
.section {
  padding: 20px 0;
  margin:40px auto;
}
#services ul {
 display:flex;
 margin:0 auto;
 padding:0;
 list-style:none
}
#services ul.m {
 display:none
}
#services ul li {
 position:relative;
 width:260px;
 height:320px;
 cursor:pointer;
 margin-right:8px;
}
#services ul li:last-child{ margin-right:0;}
#services ul li:before {
 position:absolute;
 content:'';
 display:block;
 width:100%;
 height:100%;
 z-index:2;
 opacity:0;
}
#services ul li.back01:before{ background:#71bce1}
#services ul li.back02:before{ background:#71bce1}
#services ul li.back03:before{ background:#71bce1}
#services ul li.back04:before{ background:#71bce1}
#services ul li.back05:before{ background:#71bce1}
#services ul li.back06:before{ background:#71bce1}

#services ul li img.bg {
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1;
 transition:all .5s
}

#services ul li:hover:before,#services ul li.active:before {
 opacity:1;
 transform:scale(1);
 z-index:11;
  width:100%;
 height:112%;
 margin-top:-20px;
 
}

#services ul li:hover img.bg,#services ul li.active img.bg {
 transform:translate(-50%,-50%) scale(1);
 z-index:10
}
#services ul li:hover .item .item-icon {
 display:none
}
#services ul li.active .item .item-icon {
 display:none
}
#services ul li.active .item .item-icon-hover {
 display:inline
}
#services ul li:hover .item .item-icon-hover {
 display:inline
}
#services ul li:hover .item .arrow-down {
 opacity:1
}
#services ul li.active .item .arrow-down {
 opacity:1
}
#services ul li .item {
 text-align:center;
 width:100%; height:auto; min-height:320px; margin:0 auto; text-align:center;
 position:inherit;
 z-index:20;
 padding-top:35%;
}
#services ul li .item p {
 font-size:28px;
 color:#fff;
 margin-top:20px
}
#services ul li .item p.first-one{ font-size:24px; margin-top:24px}
#services ul li .item .arrow-down{
 display:inline-block;
 width:100px;
 height:23px;
 background:url(../images/respon/arrow-down.png) no-repeat center bottom;
 background-size:contain;
 text-indent:-999em;
 overflow:hidden;
 opacity:0;
/* transition:all .5s .3s;
*/ margin-top:20%;
}
#services ul li .item .arrow-down.first-up{ margin-top:5.5%;}
#services ul li .item .item-icon,
#services ul li .item .item-icon-hover {
 width:60px;
 height:52px;
 margin:0 auto;
 text-align:center;
}
#services ul li .item .item-icon-hover {
 display:none
}
#services .more-services {
 display:none
}
.res-warp{ width:100%; height:auto; margin:18px 0 0 0;}
.res-content{ padding:40px 40px 30px 40px; cursor:pointer; }
.res-content.ck01{ background:#71bce1}
.res-content.ck02{ background:#71bce1}
.res-content.ck03{ background:#71bce1}
.res-content.ck04{ background:#71bce1}
.res-content.ck05{ background:#71bce1}
.res-content.ck06{ background:#71bce1}

.res-content p{ font-size:16px; line-height:24px; margin-bottom:20px; color:#fff;text-align: justify;
text-justify: distribute;
text-align-last: left;}


.donation_content{ width:100%; height:auto; margin:60px auto 80px auto;}
.img-donation{ width:35%; float:left;background:#f7f7f7; height:auto;min-height:470px;  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */}
.img-donation img{ width:100%; height:auto; border:none; text-align:center; vertical-align:middle;}
.txt-donation{ width:62%; float:right; background:#f7f7f7; height:100%; min-height:470px;}
.txt-donation .info-txt-donation{ width:52%; height:auto; display:inline-table; padding:0px 0 0px 40px;}
.txt-donation .info-txt-donation:nth-child(2n) {padding:20px 0 0px 0px; width:44%;}
.txt-donation .info-txt-donation:last-child{padding-top:20px;}
.txt-donation .info-txt-donation .h3-company{ width:100%; height:30px; background:url(../images/respon/icon-company.png) top left no-repeat; text-indent:38px; font-size:18px; line-height:30px;}
.txt-donation .info-txt-donation .details-donation{ padding-left:38px; padding-top:10px;}
.txt-donation .info-txt-donation .details-donation p{ line-height:18px; margin:0; padding:0; font-size:14px; margin-bottom:8px; color:#666;}

/**新发展历程样式**/

#fazhanlicheng ul {
 display:flex;
 margin:0 auto;
 padding:0;
 list-style:none
}
#fazhanlicheng ul.m {
 display:none
}
#fazhanlicheng ul li {
 position:relative;
 width:5%;
 height:60px;
 cursor:pointer;
 margin-top:30px;
}
#fazhanlicheng ul li:last-child{ margin-right:0;}
#fazhanlicheng ul li:before {
 position:absolute;
 content:'';
 display:block;
 width:100%;
 height:100%;
 z-index:2;
 opacity:0;
}
#fazhanlicheng ul li:hover:before,#fazhanlicheng ul li.active:before {
color:#1db5de;cursor:pointer;border:none!important;border-color:#fff; font-weight:bold;font-size:20px; line-height:34px;border:none!important;border-color:#fff;
 
}

#fazhanlicheng li{font-weight:normal;font-size:16px;line-height:42px;}
#fazhanlicheng .line-bg{ height:35px; width:100%;background:url(../images/his/dsj.png) left bottom no-repeat; background-size:100%;}

#fazhanlicheng li.active{ color:#1db5de;cursor:pointer;font-weight:bold;font-size:18px; line-height:36px; padding-top:4px; }
#fazhanlicheng li.active:hover{ color:#1db5de;cursor:pointer; }
#fazhanlicheng li.active{border:none;border-color:#fff;}




#fazhanlicheng .his-warp{ width:100%; min-height:420px;margin:0 auto;}
#fazhanlicheng .box {
    color: #333;
    position: relative;
    text-align: left;
	font-weight:normal;
	padding-bottom:30px;
}
#fazhanlicheng .box h3{
	font-weight:bold;
	color:#1db5de;
}

#fazhanlicheng .box .left-txt{ width:32%;float:left;text-align:left; padding:0px 10px 0 20px;margin-left:4%;margin-right:5%; margin-top:0%;}
#fazhanlicheng .box .left-txt h3{font-size:20px;}

#fazhanlicheng .box .left-txt .left-txt-ul{width:100%;height:auto;margin:0 auto;padding:0;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item{ width:100%;height:auto;margin:0 auto;padding:0; float:left;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item.danline{ margin-bottom:5px;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item.duoline{ margin-bottom:10px;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item i{
font-style: normal;
font-size: 18px;
line-height: 30px;
font-weight:bold;
display:inline-block;
float:left;
width:5%;color:#666;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p{font-size:16px;line-height:30px; text-align:left;display:inline-block;float:left; width:94%;text-align: justify;
text-justify: distribute;
text-align-last: left;
color:#666;padding:0;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan{ width:90%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan1{ width:84%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan2{ width:92%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan3{ width:94%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan4{ width:80%;}

#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan5{ width:78%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan6{ width:72%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan66{ width:72%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan66{ 
  width:78%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan66{ 
  width:72%;
}
    }


#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan7{ 
  width:70%;
}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan7{ 
  width:75%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan7{ 
  width:70%;
}
    }
	
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan7-l{letter-spacing:0.8px;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan8{ width:66%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan9{ width:75%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ width:75%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ 
  width:80%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ 
  width:75%;
}
    }

#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ width:75%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ 
  width:78%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ 
  width:75%;
}
    }

#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan10{ width:86%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan100{ width:86%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan101{ width:84%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan102{ width:83%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan100{ 
  width:80%;
}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan101{ width:76%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan102{ width:80%;}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan100{ 
  width:80%;
}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan100.tl{ 
  width:80%; letter-spacing:1px;
}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan102{ width:80%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan101{ width:76%;}
    }



#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan11{ width:56%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan12{ 
 display:block;
  width:94%;
  -o-width:94%;
  -ms-width:94%;
  -moz-width:70%;
  -webkit-width:94%; 
  
}
#fazhanlicheng .box .right-img{ width:52%;float:left; padding:0px 0 0 60px;}
#fazhanlicheng .box .right-img img{ width:100%; height:auto;text-align:center;}

.pbl-80{ padding-bottom:80px;}
.ptl-80{ margin-top:25px;}
.action{
  display:block;
  margin:20px auto;
  width:100%;
  text-align:center;
}
.action.tips{ text-align:left;clear:both;}
.action .gongyelicheng-0{ width:9.8%;float:left;}
.action .gongyelicheng{ width:90%;float:left;}

/*20241012修改样式*/
.action .gongyelicheng-1{ width:9.2%;float:left;text-align: left; font-size: 16px;font-weight: bold;}
.action .gongyelicheng-1 a{ width:100%; padding:25px 0;}
@media screen and (min-width: 1441px) and (max-width: 1631px) {
.action .gongyelicheng-1 a{padding: 15px 0 14px 0;}
}

.action .gongyelicheng-2{ width:16.2%;float:left;text-align: left; font-size: 16px;font-weight: bold;}
.action .gongyelicheng-2 a{width:100%; padding:25px 0; }
.action .gongyelicheng-3{ width:28%;float:left;text-align: left; font-size: 16px;font-weight: bold;}
.action .gongyelicheng-3 a{width:100%; padding:25px 0; }
.action .gongyelicheng-4{ width:46.6%;float:left;text-align: left; font-size: 16px;font-weight: bold;}
.action .gongyelicheng-4 a{width:100%; padding:25px 0; }
.action .gongyelicheng-5{  width:18.5%;float:right;text-align: left; font-size: 16px;font-weight: bold;margin-top:-70px;}
.action .gongyelicheng-5 a{ width: 100%;padding: 25px 0 24px 0;}

.action a {
  display:inline-block;
  width:10%;
  background:#9fd9f6;
  color:#fff;
  text-decoration:none;
  text-align: center; vertical-align: middle; 
}
.action a:hover{
   background:#9fd9f6;
   color:#fff;
}
.action a.c1 {
  background:#6dbbde;
}
.action a:hover.c1 {
  background:#6dbbde;
}
.action a.c2 {
 background:#42aed4;
 
}
.action a:hover.c2 {
  background:#42aed4;
}

.action a.c3 {
   background:#1ba1d4;
   text-align: left; text-indent:25%;
}
.action a:hover.c3 {
   background:#1ba1d4;
  
}
.action a.c4{ background:#2796c0;}
.action a:hover.c4{background:#2796c0;}

.txt-details h2{font-size:18px;line-height:36px;margin:0px 0 10px 0;padding:0; background:#1db5de;color:#fff;display:inline; padding:5px 5px;}
.txt-details h2.c1{background:rgb(39,150,192);}
.txt-details h2.c2{background:rgb(91,155,213);}
.txt-details h2.c3{ background:rgb(157,195,230);}
.txt-details h2.c4{background:rgb(61,179,113);}
.txt-details h6{letter-spacing:0px; font-size:16px;font-weight:normal;margin:0;padding:0;line-height:20px; text-align:left;color:#666;}


.txt-details h6 span{height:10px;display:inline-block;width:2%;}
.txt-details h6 span.w3{ width:3%;}
.txt-details h6 span.w32{ width:3.2%;}
.txt-details h6 span.w28{ width:2.8%;}
.txt-details h6 span.w18{ width:2%;}
.txt-details h6 span.w6{ width:6%;}
.txt-details h6 span.w5{ width:5%;}
.txt-details h6 span.w10{ width:10%;}
.txt-details h6 span.w9{ width:9%;}
.txt-details h6 span.w76{ width:7.6%;}
.txt-details h6 span.w7{ width:7%;}
.txt-details h6 span.w84{ width:8.2%;}
.txt-details h6 span.w82{ width:8.2%;}


.action .gongyelicheng-tips3 .txt-details h6{letter-spacing:0px; font-size:16px;font-weight:normal;margin:0;padding:0;line-height:20px; text-align:left;}
.action .gongyelicheng-tips4 .txt-details h6{letter-spacing:0px; font-size:16px;font-weight:normal;margin:0;padding:0;line-height:20px; text-align:left;}
.action .gongyelicheng-tips5 .txt-details h6{letter-spacing:0px; font-size:16px;font-weight:normal;margin:0;padding:0;line-height:20px; text-align:left;}



#fazhanlicheng ul li img.bg {
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1;
 transition:all .5s
}

#fazhanlicheng ul li:hover:before,#fazhanlicheng ul li.active:before {
 opacity:1;
 transform:scale(1);
 z-index:11;
  width:100%;
 height:112%;
 margin-top:-20px;
 
}

#fazhanlicheng ul li:hover img.bg,#fazhanlicheng ul li.active img.bg {
 transform:translate(-50%,-50%) scale(1);
 z-index:10
}
#fazhanlicheng ul li:hover .item .item-icon {
 display:none
}
#fazhanlicheng ul li.active .item .item-icon {
 display:none
}
#fazhanlicheng ul li.active .item .item-icon-hover {
 display:inline
}
#fazhanlicheng ul li:hover .item .item-icon-hover {
 display:inline
}
#fazhanlicheng ul li:hover .item .arrow-down {
 opacity:1
}
#fazhanlicheng ul li.active .item .arrow-down {
 opacity:1
}
#fazhanlicheng ul li .item {
 text-align:center;
 width:100%; height:auto; min-height:320px; margin:0 auto; text-align:center;
 position:inherit;
 z-index:20;
 padding-top:35%;
}
#fazhanlicheng ul li .item p {
 font-size:28px;
 color:#fff;
 margin-top:20px
}
#fazhanlicheng ul li .item p.first-one{ font-size:24px; margin-top:24px}
#fazhanlicheng ul li .item .arrow-down{
 display:inline-block;
 width:100px;
 height:23px;
 background:url(../images/respon/arrow-down.png) no-repeat center bottom;
 background-size:contain;
 text-indent:-999em;
 overflow:hidden;
 opacity:0;
/* transition:all .5s .3s;
*/ margin-top:20%;
}
#fazhanlicheng ul li .item .arrow-down.first-up{ margin-top:5.5%;}
#fazhanlicheng ul li .item .item-icon,
#fazhanlicheng ul li .item .item-icon-hover {
 width:60px;
 height:52px;
 margin:0 auto;
 text-align:center;
}
#fazhanlicheng ul li .item .item-icon-hover {
 display:none
}
#fazhanlicheng .more-services {
 display:none
}



/* 竖屏 */  

@media screen and (orientation: portrait) and (max-width: 720px) { 

.pagination-notice{ font-size:14px;}
.pagination-notice a.btnaaa{ margin: 0 3px;}
.tzzgx_xxpl_table tr td{ padding:1rem 0 1rem 1rem;}



#services ul li:hover:before,#services ul li.active:before {
 opacity:1;
 transform:scale(1);
 z-index:11;
  width:100%;
 height:100%;
 margin-top:0px;
 
}
#services ul li .item {
 text-align:center;
 width:100%; height:auto; min-height:240px; margin:0 auto; text-align:center;
 position:inherit;
 z-index:20;
 padding-top:20%;
}

.ptl-80{ margin-top:0px;}
.pd-none{ display:none;}
.pd-show{ display:block;}
.padding-bottom-large{ padding-bottom:20px;}
.darre_company_desc .desc .tit{ font-size:28px; line-height:36px;margin-bottom:20px;}

.darre_develop .develop_innovate .pt_tit p.fontsize40{font-size: 28px;line-height: 36px;
margin-bottom: 20px;}
.darre_develop .develop_innovate .pt_tit p.fontsize20{font-size: 16px;line-height: 28px;
margin-bottom:0px;}	
	

.darre_company_desc .desc .pagh{ line-height:28px; margin-bottom:20px;}
.darre_company_desc .desc .name{ margin-bottom:20px;}
.darre_company_desc .desc {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.darre_company_desc{ padding-bottom:20px;}
.darre_company_desc .company_video {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 10px;
  position: relative;
  }
.darre_develop .develop_gray_bg{ height:auto; padding-top:20px; text-align:center; padding-bottom:0px; background:url(../images/company/m_f3f3.jpg) repeat-x top; background:#fff;}
.darre_develop .develop_gray_bg .pt_tit{font-size:20px;
color: #333;
line-height: 30px;
margin-bottom: 20px;
text-align:left;
text-indent:0px;
}
.darre_develop .develop_gray_bg .img-show-about{ width:100%; height:auto; margin:0 auto 30px auto; padding:0;}
.darre_develop .develop_gray_bg .img-show-about img{ display:block; width:100%; height:auto; vertical-align:middle; text-align:center;}

.darre_develop .develop_innovate{ padding:30px 0;}
.darre_develop .develop_innovate .pt_tit{ margin-bottom:30px;}
.darre_develop .develop_innovate .develop_innovate_bg{ background:none; height:auto;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap {
  padding: 0 0%;
  width: 100%;
  float:left;
  margin-bottom:5%;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap{ border-bottom:0px #f3f3f3 solid; min-height:100%; padding:1rem 0; background:#f5f5f5;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_wrap_img{ width:12%;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap.mar-bottom {
  margin-bottom: 5%;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box,.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number{ font-size:24px;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box{ line-height:30px; margin-bottom:5px;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .desc {
  font-size: 16px;
  line-height: 26px;
}

/**员工风采**/
.brand-staff-item{ padding:0px;}
.type-box {
  margin-top: 40px;
}
.brand-item {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 30px 0 30px 0;
}
.pt_staff_tit p.pt_staff_h3{ font-size:24px;}
.pt_staff_tit p.pt_staff_p{ font-size:14px;}
.type-box .row .item {
  box-sizing: border-box;
  float: left;
  padding: 10px;
  height: 140px;
  position: relative;
  overflow: hidden;
}

.type-box .row .item .title{
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
}
.type-box .row-1 .item-1 .mask-bg{
	background:none;
}
.type-box .row-1 .item-2 .mask-bg{
	background:none;
}
.type-box .row-2 .item-1 .mask-bg{
	background:none;
}
.type-box .row-2 .item-2 .mask-bg{
	background:none;
}
.type-box .row-2 .item-3 .mask-bg{
	background:none;
}
.type-box .row-4 .item-4 .mask-bg{
	background:none;
}
.type-box .row-2 .item-5 .mask-bg{
	background:none;
}
.type-box .row-3 .item-6 .mask-bg{
	background:none;
}
.type-box .row-3 .item-7 .mask-bg{
	background:none;
}
.type-box .row-4 .item-8 .mask-bg{
    background:none;
}


.type-box .row .item .label{ display:none;}
	.type-box .row-1 .item-1,.type-box .row-2 .item-5,.type-box .row-3 .item-6,.type-box .row-4 .item-8{width:66.44444%;}
.type-box .row-1 .item-2,.type-box .row-2 .item-3,.type-box .row-3 .item-7,.type-box .row-4 .item-4{width:33.22222%;}
.type-box .row-1 .item-2,.type-box .row-2 .item-5,.type-box .row-3 .item-7,.type-box .row-4 .item-8{float:right;}
/* 投资者关系  - 股票信息样式*/  
.container_main {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.stock .content {
 background:#f5f5f5;
 padding:10px 10px 20px 10px;
}
.stock .content p {
 font-size:14px;
 line-height:20px;
}
.stock .dl {
 display:table;
 width:100%;
 margin: 0.2em 0;
}
.stock .dl dd {
 display:table-cell;
 vertical-align:top;
 text-align:right
}
.stock .dl dd:first-child {
 text-align:left;
}
.stock .dl dd .stockinformation-h3 {
 color:#002b75;
 font-size:14px;
 color:#333;
 margin-bottom:2px;
 font-weight:bold;
}
.stock .dl dd .mun1 {
 font-size:16px;
 padding-top:10px
}
.stock .dl dd .mun .span {
 font-size:16px;
}
.stock .dl dd .mun .b {
 font-size:24px;
 color:red
}

.stock .dl dd .mun i{ font-size:16px; color:red; font-style:normal;}

.stock .h1 {
 font-size:18px;
 color:#002b75;
 font-weight:700;
 border-bottom:1px solid #eaeff3;
 padding:10px
}
.stock .h1,
.stock .stock_time,
.stock_tb .stockinformation-h2 {
 margin-top:10px
}


.stock_tb .stock_tb_img {
 padding:30px 0;
}
.stock_tb .stock_tb_img img {
 width:100%;
}

.margin_tb60 {
  margin:0;
}

.bm-view {
  width: 100%;
  height:650px;
}
.hdjl_lxfs_l {
 width:100%;

}

.hdjl_lxfs_ul li{ padding:10px;}
.hdjl_lxfs_ul li, .hdjl_lxfs_ul li .p1 {
  margin-bottom: 10px;
  padding-left:10px;
}
.hdjl_lxfs_ul li .p1 b{ font-size:16px;}
.hdjl_lxfs_ul li .p2 span {
  padding-left: 24px;
  font-size: 14px;
  line-height:24px;
  color: #666;
  display: inline-block;
  margin: 0 10px;
}
.hdjl-box{ background:#f7f7f7; padding:12px 0 0 0; height:80px;}

.zilist_main02_ul{ margin:0; padding:0; list-style:none; height:auto;}
.zilist_main02_ul li {
  display:block;
  float:left;
  margin:0;
  line-height:20px;
  margin-left:50px;
}
.zilist_main02_ul li:first-child{ width:auto;  margin-left:0px;}
.zilist_main02_ul li:last-child{ width:auto;  margin-left:0px;}
.zilist_main02_ul li{ margin-top:0px;}
.zilist_main02_ul li a {
display:block; 
 padding:6px 0;
 color:#333;
 font-size:14px;
 
}
.zilist_main02_ul li a:hover{ text-decoration:none;}
.zilist_main02_ul li.active a {
 color:#14b0d9;
 border-bottom:3px solid #14b0d9
}
.margin_tb40 {
  margin: 20px 0;
}
.tzzgx_jbzl_h2 {
  font-size: 18px;
  font-weight:700;

}
.tzzgx_xxpl_table tr:nth-child(2n-1) td,
 .tzzgx_xxpl_table tr td {
  padding:1rem 0 1rem 1rem;
 }
 .tzzgx_xxpl_table tr td .span01 {
  white-space:nowrap
 }
 .zxxw_wen .zxxw_wen_h3 {
  font-size:14px;
  line-height:1.4;
  height:39px
 }
 .tzzgx_xxpl_table tr td .a_ljxq,
 .tzzgx_xxpl_table tr td .a_xzwj {
  display:block;
  padding:0;
  font-size:0;
  background-position:50%;
  text-align:center
 }
 .tzzgx_xxpl_table tr td .a_ljxq {
 padding-right:0px;
 margin-right:0px
}
 
 .tzzgx_xxpl_table tr td .a_ljxq:before {
  content:"查看";
  font-size:14px
 }
 .tzzgx_xxpl_table tr td .a_xzwj {
  margin-top:1rem
 }
 .tzzgx_xxpl_table tr td .span02 {
  font-size:14px; 
 }
   .tzzgx_xxpl_table tr td:nth-child(3n){ width:20%;}
  .tzzgx_xxpl_table tr td .span02 a{

  margin: 0;
  padding: 0;
  word-wrap: break-word;
  word-break: normal; line-height: 20px; 
 }

  .tzzgx_xxpl_table tr td .span02 a:hover{ text-decoration:none;}
  
  /**投资者关系 - 业绩说明会 **/
.img_width100 {
  width: 100%;
}
.achievement_ul li {
 float:left;
 width:100%;
 margin-right:0;
 margin-bottom:10px;
 background-color:#fff;
 -webkit-box-shadow:0 0 10px #eee;
 box-shadow:0 0 10px #eee
}
.achievement_ul li .img_main {
 height:200px;
 overflow:hidden
}
.achievement_ul li:nth-child(3n) {
 margin-right:0
}
.achievement_ul li .wen_main {
 padding:20px 20px;
 height:auto;
 min-height:120px;
 color:#333;
}
.achievement_ul li .wen_main .p1 {
 font-size:16px;
 margin-bottom:10px
}
.achievement_ul li .wen_main .p2 {
 font-size:14px
}
.achievement_ul li .wen_main .p2 b {
 font-weight:400
}
/**投资者关系 分页代码**/
.pagination-stock{
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
  font-size: 16px;
  text-align:center;
}
.pagination-stock ul li {
display: inline-block;
margin: 0 1px;
  margin-right: 1px;
height: 28px;
line-height: 28px;
min-width: 28px;
text-align: center;
border-radius: 0;
border: 1px solid #eee;
background: #fff;
margin-right: 3px;
color: #666;
box-sizing: border-box;
font-size: 14px;
vertical-align: top;
margin-bottom:8px;
}

.pagination-stock ul li button:hover.btn,.pagination-stock ul li button:active.btn,.pagination-stock ul li button:focus.btn{color: #fff;
background: #71bce1;
display: inline-block;
  height: 28px;
  line-height: 28px;
  min-width: 28px;
  }

.pagination-stock ul li button:hover.btn.wbtn,.pagination-stock ul li button:active.btn.wbtn,.pagination-stock ul li button:focus.btn.wbtn{color: #fff;
background: #71bce1;
display: inline-block;
  height: 28px;
  line-height: 28px;
  min-width:60px;} 

.bg-image{ padding-top:0px; background:#fff;}
.fushi1680{ width:96%; padding-top:20px; padding-bottom:0px;}
.fushi1600{ width:96%; margin:0 auto; height:100%; padding-bottom:0px; margin-bottom:40px; }
.fushi1600.nonebottom{ border-bottom:none;margin-bottom:0px;}
.fushi1100{ width:96%; margin:0 auto;}
#services{ margin:0 auto;}
#services ul{  display:block;}
#services ul li{ width:48%; height:auto; margin-bottom:10px; min-height:160px; float:left; margin-right:2%;}
#services ul li img.bg {
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1;
 transition:all .5s
}
#services ul li:hover:before {
 opacity:1;
 transform:scale(1);
 z-index:11;
  width:100%;
 height:100%;
 margin-top:-10px;
 
}
#services ul li:nth-child(2n) { float:right;margin-right:0%;}
#services ul li:hover img.bg {
 transform:translate(-50%,-50%) scale(1);
 z-index:10
}
#services ul li:hover .item .item-icon {
 display:none
}
#services ul li:hover .item .item-icon-hover {
 display:inline
}
#services ul li:hover .item .arrow-down {
 opacity:1
}
#services ul li .item {
 text-align:center;
 width:100%; height:auto; min-height:240px; margin:0 auto; text-align:center;
 position:inherit;
 z-index:20;
 padding-top:40%;
}
#services ul li .item p {
 font-size:16px;
 color:#fff;
 margin-top:0px
}
#services ul li .item p.first-one{ font-size:16px; margin-top:0px}
#services ul li .item .arrow-down {
 display:inline-block;
 width:100px;
 height:18px;
 background:url(../images/respon/arrow-down.png) no-repeat center bottom;
 background-size:contain;
 text-indent:-999em;
 overflow:hidden;
 opacity:0;
 transition:all .5s .3s;
 margin-top:10%;
}
#services ul li .item .arrow-down.first-up{ margin-top:5.5%;}
#services ul li .item .item-icon,
#services ul li .item .item-icon-hover {
 width:40px;
 height:35px;
 margin:0 auto;
 text-align:center;
}
#services ul li .item .item-icon-hover {
 display:none
}
#services .more-services {
 display:none
}




.donation_content{ margin:30px auto 20px auto;}
.img-donation{ width:100%; display:none;}
.img-donation img{ width:100%;}
.txt-donation{ width:100%; float:right; background:#fff; height:100%; min-height:430px;}
.txt-donation .info-txt-donation{ width:100%; height:auto; display:inline-table; padding:20px 0 0 0; border-bottom:1px #f7f7f7 solid; padding-bottom:20px;}
.txt-donation .info-txt-donation:nth-child(2n) {padding:20px 0 20px 0;width:100%; }
.txt-donation .info-txt-donation:last-child{ border-bottom:none;}
.txt-donation .info-txt-donation:first-child{padding:0px 0 20px 0;}
.txt-donation .info-txt-donation .h3-company{ width:100%; height:30px; background:url(../images/respon/icon-company.png) center left no-repeat; text-indent:30px; font-size:16px; line-height:36px;}
.txt-donation .info-txt-donation .details-donation{ padding-left:0px; padding-top:0px;}
.txt-donation .info-txt-donation .details-donation p{ line-height:20px; margin:0; padding:0; font-size:14px; margin-bottom:10px; color:#666;text-align: justify;
text-justify: distribute;
text-align-last: left;}
.txt-donation .info-txt-donation .details-donation p:first-child{ padding-top:10px;}

.hdjl_lxfs_ul li {
 padding:0;
min-height:200px;
}

}

/*社会责任其他小屏优化**/
@media screen and (min-width:720px) and (max-width:990px) { 
.tzzgx_xxpl_table tr td{ font-size:14px;}.tzzgx_xxpl_table tr td .span02{ font-size:14px;}
.pagination-notice{ font-size:14px;}
}

@media screen and (min-width:500px) and (max-width:720px){
#services{ margin:0px auto; padding:0 0;}
.brand-staff-item{ padding:0 0 0px 0;}
#services ul li{ width:46%; margin-right:4%;}
#services ul li:nth-child(2n){ margin-right:0!important; margin-left:4%;}
    #services ul li .item .item-icon, #services ul li .item .item-icon-hover{ width:40px; height:auto;}
    #services ul li .item p.first-one{font-size:18px;line-height:24px;}
	#services ul li .item p{font-size:20px;}
	#services ul li{height:320px; margin-bottom:20px; }
		#services ul li .item{ padding-top:40%;}
	#services ul li .item .arrow-down{margin-top:5%;}
	#services ul li .item .arrow-down.first-up{margin-top:0%;}
			.about-content .htitle.minicoop{ line-height:30px; margin:20px auto;}

}
@media screen and (min-width:415px) and (max-width:500px){
#services{ margin:0px auto; padding:0 0;}
.brand-staff-item{ padding:0 0 0px 0;}
#services ul li{ width:46%; margin-right:4%;}
#services ul li:nth-child(2n){ margin-right:0!important; margin-left:4%;}
    #services ul li .item .item-icon, #services ul li .item .item-icon-hover{ width:40px; height:36px;}
    #services ul li .item p.first-one{font-size:18px;line-height:24px;}
	#services ul li .item p{font-size:20px;}
	#services ul li{height:240px; margin-bottom:30px; }
		#services ul li .item{ padding-top:40%;height:240px;}
	#services ul li .item .arrow-down{margin-top:5%;}
	#services ul li .item .arrow-down.first-up{margin-top:0%;}
			.about-content .htitle.minicoop{ line-height:30px; margin:20px auto;}
}
@media screen and (min-width:376px) and (max-width:414px){
#services{ margin:0px auto; padding:0 0;}
.brand-staff-item{ padding:0 0 0px 0;}
#services ul li{ width:48%; margin-right:0%; height:200px;margin-bottom:20px;}
#services ul li:nth-child(2n){ margin-right:0!important; margin-left:4%;}
    #services ul li .item .item-icon, #services ul li .item .item-icon-hover{ width:40px; height:36px;}
    #services ul li .item p.first-one{font-size:14px;line-height:20px;}
	#services ul li .item p{font-size:16px;}
		#services ul li .item{ padding-top:30%;height:200px;}
		.about-content .htitle.minicoop{ line-height:30px; margin:20px auto;}

}
@media screen and (min-width:320px) and (max-width:375px){
.wrap-content{ margin-top:78px; padding:0; width:100%; height:auto;}
#services{  margin:0px auto; padding:0 0;}
.brand-staff-item{ padding:0 0 0px 0;}
#services ul li{ width:48%; margin-right:0%; height:180px;margin-bottom:20px;}
#services ul li:nth-child(2n){ margin-right:0!important; margin-left:4%;}
    #services ul li .item .item-icon, #services ul li .item .item-icon-hover{ width:40px; height:36px;}
    #services ul li .item p.first-one{font-size:14px;line-height:20px;}
	#services ul li .item p{font-size:16px;}
	#services ul li .item{ padding-top:30%;min-height:180px;}
	.about-content .htitle.minicoop{ line-height:30px; margin:20px auto;}

}
@media (min-width: 375px) and (max-width: 375.9px) {
    .wrap-content{ margin-top:78px;}
}
@media (min-width: 360px) and (max-width: 360.9px) {
    .wrap-content{ margin-top:75px;}
	.about-us-img {
  width: 100%;
  height: auto;
  margin: 75px 0 0 0;
}	
}
@media (min-width: 320px) and (max-width: 320.9px) {
    .wrap-content{ margin-top:65px;}
	#navswitch{ top:65px;}
.about-us-img {
  width: 100%;
  height: auto;
  margin: 65px 0 0 0;
}	
}

@media screen and (orientation: portrait) and (max-width: 320px) { 
#services{  margin:0px auto; padding:0 0;}
.brand-staff-item{ padding:0 0 0px 0;}
#services ul li{ width:48%; margin-right:0%; height:180px;margin-bottom:20px;}
#services ul li:nth-child(2n){ margin-right:0!important; margin-left:4%;}
    #services ul li .item .item-icon, #services ul li .item .item-icon-hover{ width:40px; height:36px;}
    #services ul li .item p.first-one{font-size:14px;line-height:20px;}
	#services ul li .item p{font-size:16px;}
	#services ul li .item{ padding-top:30%;min-height:180px;}
	.about-content .htitle.minicoop{ line-height:30px; margin:20px auto;}
wrap-content {
  margin-top: 65px;
  padding: 0;
  width: 100%;
  height: auto;
}	

}
@media screen and (min-width:720px) and (max-width:960px){
.carousel-control-next span, .carousel-control-prev span{ top:200px;}
}


/**其他屏幕分辨率 兼容性汇总**/
@media screen and (min-width:1440px) and (max-width:1600px){

.fushi1680{  max-width:1440px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.fushi1600{ max-width:1360px; margin:0 auto;}
.fushi1100{ max-width:1024px; margin:0 auto;}


/**首页**/
.products-items a:hover .text{ padding-top:150px;}
.news-important .img img{ max-width: 566.667px;}

#nav a.headnav{ font-size:18px;}
#nav li.headnavlist{ padding:0 8px;}
#nav li.headnav-eng{ padding:0 0 0 5px;}
.txt-donation{ width:66%;min-height:335px; background:none;}
.img-donation{ width:33%; float:left; margin-top:10px; background:#f7f7f7; height:auto;min-height:388px;  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */ }

.txt-donation .info-txt-donation{ width:50%;padding: 0px 0 0px 30px;}
.txt-donation .info-txt-donation .h3-company{ font-size:16px;background: url(../images/respon/icon-company.png) center left no-repeat; line-height:36px; height:36px;}
.txt-donation .info-txt-donation:nth-child(2n){width:46%;padding: 5px 0px 0px 0px;}
.txt-donation .info-txt-donation:last-child{ padding-top:10px;}
.txt-donation .info-txt-donation .details-donation{padding-top:5px;}


#services ul li .item p.first-one{ font-size:20px;}
#services ul li .item p{ font-size:24px;}

.darre_company_desc .desc .tit{ line-height:24px;margin-bottom:36px; font-size:36px;}
.darre_company_desc .desc .pagh{ line-height:28px;}
.darre_company_desc{ padding-bottom:0px;}

.darre_develop .develop_gray_bg{ padding-top:80px;height:420px}
.darre_develop .develop_gray_bg .pt_tit{ padding-left:30px; font-size:36px;}
.darre_develop .develop_gray_bg .img-show-about{ width:94%; margin:0 auto;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap{ margin-top:20px;}
#services ul li .item{ padding-top:45%;}
.res-warp{ width: 100%;
height: auto;
margin: -15px 0 0 0;}
.type-box .row-1 .item-1{ width:66.48%;}
.type-box .row-2 .item-5{ width:66.48%;}
.type-box .row-3 .item-6{ width:66.48%;}
.type-box .row-4 .item-8{ width:66.48%;}

.darre_company_desc .company_video {margin-top:100px;}
}


/**小笔记本的分辨率**/

@media screen and (min-width:1259px) and (max-width:1440px){

.darre_company_desc .company_video {margin-top:100px;}
.darre_develop .develop_innovate .pt_tit p.fontsize40{ margin-bottom:20px;}
.darre_develop .develop_innovate .pt_tit p.fontsize20{ line-height:40px;}
.achievement_ul li .img_main{ height:200px;}
.achievement_ul li .wen_main { padding:15px 20px;}
/**新发展历程**/
#fazhanlicheng .box .left-txt{ width:36%;float:left;text-align:left; padding:0px 0px 0 20px;margin-left:4%;margin-right:1%; margin-top:0%;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p{font-size:16px;line-height:28px;}
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan3{ width:86%;}
#fazhanlicheng .his-warp{ min-height:400px;}


#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ width:75%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ 
  width:80%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan99{ 
  width:80%;
}
    }
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ width:75%;}
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ 
  width:78%;
}
    }
    /* Firefox */
    @-moz-document url-prefix() {
#fazhanlicheng .box .left-txt .left-txt-ul .txt-item p.duan999{ 
  width:78%;
}
    }


.action .gongyelicheng-1{ font-size:15px;}
.action .gongyelicheng-2{ font-size:15px;}
.action .gongyelicheng-3{ font-size:15px;}
.action .gongyelicheng-4{ font-size:15px;}
.action .gongyelicheng-5{ font-size:15px;}
.action a.c4{ font-size:16px;}
/**员工风采**/
.type-box {
  margin-top: 60px;
}
.type-box .row-1 .item-1{ width:66.48%;}
.type-box .row-2 .item-5{ width:66.48%;}
.type-box .row-3 .item-6{ width:66.48%;}
.type-box .row-4 .item-8{ width:66.48%;}

	/**社会责任**/

.products-items a:hover .text{ padding-top:150px;}
.pt_staff_tit p.pt_staff_h3{ margin-top:30px;}
.fushi1680{  max-width:1240px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.fushi1600{ max-width:1200px; margin:0 auto;}
.fushi1100{ max-width:960px; margin:0 auto;}
.develop_innovate{ padding-top:10px; }
.darre_develop .develop_gray_bg .pt_tit{ padding-left:40px; font-size:36px;}
.darre_develop .develop_gray_bg .img-show-about{ max-width:1080px; margin:0 auto;}
.bg-image {
  padding-top: 80px;
}
.bg-image.gray-bg {
  background: url(../images/respon/response_bg_gray.png) #fff no-repeat center top;
}
.section {
  padding:0px 0 40px 0;
  margin:20px auto 20px auto;
}
#services ul {
 display:flex;
 margin:0 auto;
 padding:0;
 list-style:none
}
#services ul.m {
 display:none
}
#services ul li {
 position:relative;
 width:100%;
 height:320px;
 cursor:pointer;
 margin-right:8px;
}
#services ul li:last-child {margin-right:0px !important;}
#services ul li:before {
 position:absolute;
 content:'';
 display:block;
 width:100%;
 height:100%;
 z-index:2;
 opacity:0;
}
#services ul li.back01:before{ background:#71bce1}
#services ul li.back02:before{ background:#71bce1}
#services ul li.back03:before{ background:#71bce1}
#services ul li.back04:before{ background:#71bce1}
#services ul li.back05:before{ background:#71bce1}
#services ul li.back06:before{ background:#71bce1}

#services ul li img.bg {
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1;
  padding:0;margin:0;
 transition:all .5s;

}

#services ul li:hover:before,#services ul li.active:before {

 height:100%;
 
}

#services ul li:hover img.bg,#services ul li.active img.bg {
 transform:translate(-50%,-50%);
 z-index:10;
 padding:0;margin:0;
}
#services ul li:hover .item .item-icon {
 display:none
}
#services ul li.active .item .item-icon {
 display:none
}
#services ul li.active .item .item-icon-hover {
 display:inline
}
#services ul li:hover .item .item-icon-hover {
 display:inline
}
#services ul li:hover .item .arrow-down {
 opacity:1
}
#services ul li.active .item .arrow-down {
 opacity:1
}
#services ul li .item {
 min-height:300px; margin:0 auto; text-align:center;
 position:inherit;
 z-index:20;
 padding-top:50%;
}
#services ul li:hover:before,#services ul li.active:before {
 opacity:1;
 transform:scale(1);
 z-index:11;
  width:100%;
 height:100%;
 margin-top:10px;
 
}

#services ul li .item p {
 font-size:20px;
}
#services ul li .item p.first-one{ font-size:18px; margin-top:24px}
#services ul li .item .arrow-down{
 display:inline-block;
 width:100px;
 height:23px;
 background:url(../images/respon/arrow-down.png) no-repeat center bottom;
 background-size:contain;
 text-indent:-999em;
 overflow:hidden;
 opacity:0;
/* transition:all .5s .3s;
*/ margin-top:20%;
}
#services ul li .item .arrow-down.first-up{ margin-top:5.5%;}
#services ul li .item .item-icon,
#services ul li .item .item-icon-hover {
 width:60px;
 height:52px;
 margin:0 auto;
 text-align:center;
}
#services ul li .item .item-icon-hover {
 display:none
}
#services .more-services {
 display:none
}
.res-warp{ width:100%; height:auto; margin:-30px 0 0 0;}
.res-content{ padding:40px 40px 30px 40px; cursor:pointer; }
.res-content.ck01{ background:#71bce1}
.res-content.ck02{ background:#71bce1}
.res-content.ck03{ background:#71bce1}
.res-content.ck04{ background:#71bce1}
.res-content.ck05{ background:#71bce1}
.res-content.ck06{ background:#71bce1}

.res-content p{ font-size:16px; line-height:24px; margin-bottom:20px; color:#fff;text-align: justify;
text-justify: distribute;
text-align-last: left;}


.donation_content{ width:100%; height:auto; margin:60px auto 80px auto;}
.img-donation{ width:29%; float:left; margin-top:10px; background:#f7f7f7; height:auto;min-height:375px;  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */ }
.img-donation img{ width:100%; height:auto; border:none; text-align:center; vertical-align:middle;}
.txt-donation{ width:69%; float:right; background:#fff; height:100%; min-height:320px; padding:0;}
.txt-donation .info-txt-donation{ width:50%; height:auto; display:inline-table; padding:5px 0 0px 0px;}
.txt-donation .info-txt-donation:nth-child(2n) {padding:0px 0 0px 0px; width:49%;}
.txt-donation .info-txt-donation:last-child{ padding-top:10px;}
.txt-donation .info-txt-donation .h3-company{ width:100%; height:36px; background:url(../images/respon/icon-company.png) center left no-repeat; text-indent:32px; font-size:16px; line-height:36px;}
.txt-donation .info-txt-donation .details-donation{ padding-left:32px; padding-top:10px;}
.txt-donation .info-txt-donation .details-donation p{ line-height:18px; margin:0; padding:0; font-size:14px; margin-bottom:5px; color:#666;}
.donation_content{ margin: 60px auto 40px auto;}

	
	
	
	/**公司简介**/
	.darre_company_desc{ padding-bottom:10px;}
	.darre_company_desc .desc .tit{ font-size:36px; line-height:24px; margin-bottom:28px;}
	.darre_company_desc .desc .pagh{ line-height:28px;}
	.darre_company_desc .desc{ margin-left:40px;}
	.darre_develop .develop_innovate .develop_innovate_bg .number_wrap{ margin-top:3%;}
	.darre_develop .develop_innovate .develop_innovate_bg .number_wrap.mar-bottom{ margin-top:0%;}
	


}
@media screen and (min-width:1440px) and (max-width:1441px){
.develop_innovate{ padding-top:100px; }

.darre_company_desc .company_video {margin-top:100px;}
}
@media screen and (min-width:1601px) and (max-width:1632px){
.darre_develop .develop_gray_bg .img-show-about{width: 90%; margin:0 auto;}
.darre_develop .develop_gray_bg .pt_tit{ padding-left:5%;}
.develop_innovate {
  padding-top: 0px;}
}

@media screen and (min-width:960px) and (max-width:1260px){



    /**首页 **/
	.big-show{display:block!important;}
	.nav-dropdwon.sub-nav-wrap{ min-height:50px;}
	.sub-nav-items{ width:960px;}
	#nav li.headnavlist{ line-height:20px; padding: 0 0px;}
	#nav a.headnav{ line-height:75px; font-size:16px;}
	.container{ margin:0; padding:0; width:100%;}
	#nav  li.headnav-eng   { line-height:20px; padding:0; margin:0;}
	/**产品与服务**/
	.products-items a:hover .text{ padding-top:120px;}
	.products-items .p-box,.products-items .p-box2{ margin-bottom:40px;}
	/**新闻样式**/
	.fushi1440{ max-width:100%;}
	.news-important{ margin-left:20px;}
	.news-new{ margin-right:20px;}
	.news-list li a{ width:96%; overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.news-list li{ margin-bottom:12px;}
    .news-new.x5{ width:50%;}
	.news-list li em.time{ display: none;}
	.hr200{ height:1px; margin:0 auto;}
	
	/**底部版权信息**/
	.china-footer .navigation-extra .ne-bottom .inner .policies{ float:left; width:50%;  text-align:left; line-height:20px;}
	.china-footer .navigation-extra .ne-bottom .inner .copyright{ float:right; width:50%;  text-align:right; line-height:20px;}

	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item5{ width:80px; margin-bottom:0;}
	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item{ width:18px;margin-bottom:0;}
	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item2{ width:80px;margin-bottom:0;}
	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item3{ width:25px;margin-bottom:0;}
	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item4{ width:102px;margin-bottom:0;}
	.china-footer .china-navigation-content .menus .menu-stack.social .medias .media-item6{ width:102px;}
	
	
	
	
	/**公司简介**/
    .darre_develop .develop_gray_bg{ padding-top:100px; padding-bottom: 0;height:480px;}
    .darre_company_desc .desc .tit{ font-size: 36px; margin-bottom:20px;}
	.darre_company_desc .desc .pagh{line-height: 25px;}
	.darre_company_desc{ margin-bottom: 0px; padding-bottom:0;}
	.darre_develop .develop_gray_bg .pt_tit{width: 94%; margin:0 auto;font-size: 36px;}
	.darre_develop .develop_gray_bg .img-show-about{ width: 94%; margin:60px auto 0 auto;}
	.darre_develop .develop_innovate .develop_innovate_bg .number_wrap{ margin-top: 3%; margin-bottom: 5%;}
	
	
	/**社会责任**/
    .res-content p {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
	.bg-image{padding-top: 80px;}
    #services ul li .item p.first-one{font-size:18px;line-height:24px;}
	#services ul li .item p{font-size:24px;}
	#services ul li{height:230px; }
	#services ul li .item .arrow-down{margin-top:5%;}
	#services ul li .item .arrow-down.first-up{margin-top:0%;}
	.res-warp{margin: 8px 0 0 0;}
	.fushi1680{max-width: 1160px;}
	.fushi1600{max-width: 1120px;}
	.img-donation{ width:30%; float:left; margin-top:0px; background:#f7f7f7; height:auto;min-height:400px;  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */ }
	.txt-donation{ width:68%; min-height:360px; background:none;}
	.donation_content{margin:60px auto 20px auto;}
	.txt-donation .info-txt-donation{padding:0px 0 0px 20px;}
	.txt-donation .info-txt-donation .h3-company{ height:30px; line-height:30px; font-size:16px;}
	.txt-donation .info-txt-donation{ width:50%;}
	.txt-donation .info-txt-donation:nth-child(2n){ width:48%; padding-top:0;}
	.txt-donation .info-txt-donation:last-child{ padding-top:0px;}

	.iframebox{min-height:600px;}
	.brand-item{padding: 60px 0 60px 0;}
	/**员工风采**/
	.type-box .row-1 .item-1,.type-box .row-2 .item-5,.type-box .row-2 .item-5,.type-box .row-4 .item-8{width:66.45555%;}
}
@media screen and (min-width:1259px) and (max-width:1260px){
.develop_innovate{ padding-top:100px; }
}

@media screen and (min-width:960px) and (max-width:993px){
#nav a.headnav{ line-height:20px; font-size:14px;}
#nav li.headnav-swi{ padding: 0 0 0 5px;}
}
@media screen and (min-width:993px) and (max-width:1080px){
#nav a.headnav{ line-height:20px; font-size:14px;}
}
@media screen and (min-width:1080px) and (max-width:1280px){
#nav a.headnav{ line-height:20px; font-size:16px;}
}
@media screen and (max-device-width:960px){
#nav a.headnav{ line-height:20px; font-size:14px;}
#nav li.headnavlist {
  line-height: 20px;padding:0 0px;
}
.news-list li {
  margin-bottom: 8px;
}
#services ul li .item .arrow-down{margin-top:2%;}
	.tzzgx_xxpl_table tr td{ padding:1rem 0 1rem 1rem;}

.type-box .row-1 .item-1 .mask-bg{
	background:none;
}
.type-box .row-1 .item-2 .mask-bg{
	background:none;
}
.type-box .row-2 .item-1 .mask-bg{
	background:none;
}
.type-box .row-2 .item-2 .mask-bg{
	background:none;
}
.type-box .row-2 .item-3 .mask-bg{
	background:none;
}
.type-box .row-4 .item-4 .mask-bg{
	background:none;
}
.type-box .row-2 .item-5 .mask-bg{
	background:none;
}
.type-box .row-3 .item-6 .mask-bg{
	background:none;
}
.type-box .row-3 .item-7 .mask-bg{
	background:none;
}
.type-box .row-4 .item-8 .mask-bg{
    background:none;
}


}


@media screen and (min-width:571px) and (max-width:959px){
.mini-hidden{ display:block;}
.pd-none{ display:block;}
.pd-show{ display:none;}
	.tzzgx_xxpl_table tr td{ padding:1rem 0 1rem 1rem;}
	
#services ul li .item {
 min-height:320px; 
 padding-top:50%;
}	
	.iframebox{min-height:480px;}
}

@media screen and (min-width:721px) and (max-width:811px) { 
.news-list li {
  font-size: 16px;
}
#services ul li .item {
 min-height:320px; 
 padding-top:50%;
}	
.mini-hidden{ display: block !important;}
.small-hidden {
  display: block !important;
}
	.iframebox{min-height:600px;}
.pd-show{ display:none;}
.prodcut-none{ display:none!important;}

	/**公司简介**/
	.darre_company_desc .desc .tit{ font-size:36px; margin-bottom:20px;}
	
.darre_develop .develop_innovate .pt_tit p.fontsize40{font-size: 36px;line-height: 36px;
margin-bottom: 20px;}
.darre_develop .develop_innovate .pt_tit p.fontsize20{font-size: 20px;line-height: 20px;
margin-bottom:30px;}	
	
	
	.darre_company_desc .desc{ width:100%; padding-top:40px;}
	.darre_company_desc .company_video{ width:100%; margin-top:30px; height:auto;}
	.develop_innovate{ padding-top:100px;}
	.darre_develop .develop_gray_bg{ max-height:280px; height:250px; padding-top:30px; background:#fff;}
	.darre_develop .develop_gray_bg .pt_tit{ font-size:30px; text-align:left; text-indent:0px; margin-bottom:30px;}
	.darre_develop .develop_gray_bg .img-show-about{ width:100%; margin:0 auto;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_wrap_img {
  width: 35%;
}	
	.darre_develop .develop_innovate .develop_innovate_bg{ background:none; height:auto; padding-bottom:30px;}
	.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box{font-size:30px;}
	.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box .number{font-size:30px;}
.darre_company_desc .desc .pagh {
  float: left;
  color: #666;
  font-size: 16px;
  line-height:30px;
  width: 100%;
  text-align: justify;
  text-justify: distribute;
  text-align-last: left;
  border: 1px solid none;
}	
	/**公司公告**/
	.tzzgx_xxpl_table tr td{ padding:1rem 0 1rem 1rem;}
	.achievement_ul li .img_main{ height:200px;}
	.achievement_ul li .wen_main .p1{ font-size:16px;}
	.achievement_ul li .wen_main{ padding:15px 20px;} 
	.stock_tb .stock_tb_img img{width:85%;}
	.stock .content p{font-size:15px;}
	.achievement_ul li{width: 48%;margin-right: 4%;}
	.achievement_ul li:nth-child(3n){margin-right: 4%;}
	.achievement_ul li:nth-child(2n){margin-right: 0;}
	.hdjl_lxfs_ul li{padding:100px 0px 0 20px}

	
	/**æ–°é—»**/
	.art-content article h2.a-tatfook{ font-size:24px; line-height:32px;}
	.padding-top-large{ padding-top:20px;}
	.x5{ width:100%; margin:0 auto;}
	.news-important{ margin-left:0; float:none;}
	.news-new{ margin-right:0; float:none; margin-top:5%; margin-bottom:5%;}
	#important-news{ width:88%; height:auto; margin:0 auto;}
	.news-important .img img{ max-width:100%;}
	.news-important .img{ height:auto; max-height:360px;}
	.news-list{ float:none; margin:10px auto;}
	
	/**社会责任**/
	.bg-image{ padding-top:0px; background:#fff;}
	.fushi1680{ max-width:96%;min-height:1560px;background:#fff;}
	.fushi1600{ max-width:96%; border-bottom:0px #eee solid;}
	.fushi1600.nonebottom{ border-bottom:none;}
	.brand-staff-item{ padding:0 20px;}
	.section{ padding:0; margin:30px auto 0px auto;}
	#services ul{ display:block; width:100%; float:left; clear:both;}
	#services ul li{ float: left;
width: 30%;
margin-bottom: 20px;
margin-right: 4.5%;
height:260px;
}
	#services ul li:nth-child(3n){ margin-right:0px!important;}
	#services ul li .item{ min-height:240px; padding-top:30%;}
	#services ul li .item p.first-one{ font-size:18px;}
	#services ul li .item p{ font-size:22px;}
	.donation_content{ margin:10px auto 0px auto;}
	.img-donation{ width:100%; padding:20px 0%; display:none;}
	.txt-donation{ width:100%;}
	.txt-donation{ background:#fff;}
	.txt-donation .info-txt-donation{ width:100%; padding:0;}
	.txt-donation .info-txt-donation:nth-child(2n){ width:100%; padding-top:0px; margin-bottom:10px;}
	.txt-donation .info-txt-donation:last-child{ padding-top:0px;}
	.cc{ display:block; margin-top:30px;}

	/**发展历程**/
    .brand-item{padding:40px 0 40px 0;}
.pt_staff_tit p.pt_staff_p{ font-size:16px;}	
	/**员工风采**/
	.type-box .row .item .title{font-size:18px;}
	.type-box .row .item{ height:200px;}
	.type-box .row-1 .item-1,.type-box .row-2 .item-5,.type-box .row-3 .item-6,.type-box .row-4 .item-8{width:66.44444444%;}
	
} 

@media screen and (min-width:721px) and (max-width:761px) { 

/**社会责任**/
	.bg-image{ padding-top:0px; background:#fff;}
	.fushi1680{ max-width:96%;min-height:1080px;background:#fff;}
	.fushi1600{ max-width:96%; border-bottom:0px #eee solid;}
	.fushi1600.nonebottom{ border-bottom:none;}
	.brand-staff-item{ padding:0 0px;}
	.section{ padding:0; margin:30px auto 0px auto;}
	#services ul{ display:block; width:100%; float:left; clear:both;}
	#services ul li{ float: left;
width: 30%;
margin-bottom:20px;
margin-right: 4.5%;
height:190px;
}
	#services ul li:nth-child(3n){ margin-right:0px!important;}
	#services ul li .item{ min-height:190px; padding-top:30%;}
	#services ul li .item p.first-one{ font-size:16px;}
	#services ul li .item p{ font-size:18px;}
	.donation_content{ margin:10px auto 0px auto;}
	.img-donation{ width:100%; padding:20px 0%; display:none;}
	.txt-donation{ width:100%;}
	.txt-donation{ background:#fff;}
	.txt-donation .info-txt-donation{ width:100%; padding:0;}
	.txt-donation .info-txt-donation:nth-child(2n){ width:100%; padding-top:0px; margin-bottom:10px;}
	.txt-donation .info-txt-donation:last-child{ padding-top:0px;}
	.cc{ display:block; margin-top:30px;}

}

 /** 平板电脑 **/
@media screen and (min-width:811px) and (max-width:959px){

/**社会责任**/
	.bg-image{ padding-top:0px;background:#fff;}
	.fushi1680{ max-width:96%;min-height:1560px;background:#fff;}
	.fushi1600{ max-width:96%; border-bottom:0px #eee solid;}
	.fushi1600.nonebottom{ border-bottom:none;}
	.brand-staff-item{ padding:0 20px;}
	.section{ padding:0; margin:30px auto 0px auto;}
	#services ul{ display:block; width:100%; float:left; clear:both;}
	#services ul li{ height:260px; float:left; width:30%; margin-bottom:20px;margin-right:4.5%;}
	#services ul li:nth-child(3n){ margin-right:0px!important;}
	#services ul li .item{ min-height:280px; padding-top:40%;}
	#services ul li .item p.first-one{ font-size:18px;}
	#services ul li .item p{ font-size:20px;}
	.donation_content{ margin:10px auto 0px auto;}
	.img-donation{ width:100%; padding:20px 0%; display:none;}
	.txt-donation{ width:100%;}
	.txt-donation{ background:#fff;}
	.txt-donation .info-txt-donation{ width:100%; padding:0;}
	.txt-donation .info-txt-donation:nth-child(2n){ width:100%; padding-top:0px; margin-bottom:10px;}
	.txt-donation .info-txt-donation:last-child{ padding-top:0px;}
	.cc{ display:block; margin-top:30px;}
	
.pt_staff_tit p.pt_staff_p{ font-size:16px;}
.pb_show{display:block;}

/**公司简介**/
.darre_company_desc .desc {
  width: 100%;
  float: left;
  padding-top: 30px;
}
.darre_company_desc .company_video {
  width: 100%;
}
.darre_develop .develop_gray_bg{ background:#fff; padding-top:0;}
.darre_develop .develop_gray_bg{ height:auto; padding-bottom:0;}
.darre_develop .develop_gray_bg .img-show-about{ height:auto;}
.darre_develop .develop_innovate .develop_innovate_bg{ background:#fff;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_wrap_img {
  width: 35%;}
.news-list li {
  font-size: 18px;margin-bottom: 12px;
}  
	.iframebox{min-height:650px;}  
	
}

  /** 平板电脑 **/
@media screen and (min-width:572px) and (max-width:719px){

.pt_staff_tit p.pt_staff_p{ font-size:16px;}
#services ul li .item {
 min-height:320px; 
 padding-top:50%;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_wrap_img {
  width: 10%;
}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap{ padding:1rem 0;}
.darre_develop .develop_gray_bg{ height:200px;}
.darre_develop .develop_innovate .develop_innovate_bg .number_wrap .number_box{ line-height:30px; margin-bottom:5px;}
}

@media screen and (min-width:720px) and (max-width:761px){
.container_main{ max-width:720px;}

}